/* eslint-disable semi */
/* eslint-disable semi */
/* eslint-disable quotes */
<template>
  <!-- 页中分类 -->
  <div class="hello-2">
    <div class="hello-2-1" v-for="(item, index) in listimages" :key="index">
      <div>
        <!-- <router-link v-if="item.id !=3" :to="item.link"> -->
        <van-image class="hello-2-one" width="3.093rem" height="3.093rem" :src="item.imgSrc" />
        <!-- </router-link> -->
      </div>
    </div>

    <div class="Getdata">
      申请获取以下权限
    </div>
    <div class="Getdata-2">

      获得你的公开信息(昵称、头像等)

    </div>

    <div class=" lastadd">

      <van-button class="add-button" color="#59AE41" round type="info">微信一键授权</van-button>

    </div>
  </div>

</template>

<script>
export default {
  components: {},
  data() {
    return {
      num: 2,
      active: 0,
      listimages: [{ id: 0, imgSrc: require("../assets/images/a40.jpg") }]
    };
  },
  methods: {
    Onclick(id) {
      switch (id) {
        case 0:
          //点击跳转至上次浏览页面
          // this.$router.go(-1)

          console.log(0);

          break;
        case 1:
          console.log(1);

          break;
        case 2:
          //指定跳转地址
          this.$router.replace("/MyInfo");
          console.log(2);

          break;
        default:
          console.log("错误!");
          break;
      }
    }
  }
};
</script>

<style scoped>
* {
  padding: 0;
  margin: 0;
}
body {
  background-color: #f6f6f6;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  display: block;
}
div {
  display: block;
  box-sizing: border-box;
}
.hello-2 {
  background: #ffffff;
}
.hello-2-one {
  margin: 38px 0 0 135px;
}
.Getdata {
  color: #000;
  font-weight: 700;
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
  margin-top: 38px;
  margin-bottom: 22px;
}
.Getdata-2 {
  font-size: 16px;
  text-align: left;
  color: #999;
  padding-left: 20px;
}

.lastadd {
  background: #fff;
  width: 100%;
  padding: 30px 6% 0;
}
.add-button {
  width: 100%;
  font-size: 16px;
  letter-spacing: 1px;
  height: 42px;
  line-height: 42px;
}
</style>

